<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!--  
        图片属于网页的外部资源
        ,外部资源需要浏览器单独发送请求加载
            浏览器加载外部资源时是按需加载,用就加载,不用就不加载
            像我们上边的练习link会首先加载,而hover和active会在指定状态触发时才会加载
            

    -->


</head>
<body>
    
</body>
</html>